/**
在 Nuxt 3 中，`app.config.ts` 文件用于配置应用程序的全局设置和行为。这个文件通常用于定义应用的主题、布局、路由以及其他全局选项。
  1. 文件位置
  `app.config.ts` 文件位于项目的根目录下。它是一个 TypeScript 文件，支持 TypeScript 的类型检查和智能提示。

  2. 基本结构
  `app.config.ts` 的基本结构如下：
  ```typescript
  // app.config.ts
  import { defineAppConfig } from 'nuxt/app'

  export default defineAppConfig({
    // 配置项
  })
  ```

  3. 常用配置项
  以下是一些常用的配置项：

  - title：设置应用的默认标题。
    
    ```typescript
    title: '我的 Nuxt 3 应用',
    ```

  - meta：全局元信息，可以设置描述、关键词等。

    ```typescript
    meta: [
      { name: 'description', content: '这是我的 Nuxt 3 应用' },
      { name: 'keywords', content: 'Nuxt, Vue, 应用' }
    ],
    ```

  - css：全局 CSS 文件的引入。

    ```typescript
    css: ['~/assets/styles/main.css'],
    ```

  - layout：设置默认布局。

    ```typescript
    layout: 'default',
    ```

  - plugins：全局插件的配置。

    ```typescript
    plugins: ['~/plugins/my-plugin.ts'],
    ```

  - router：自定义路由配置。

    ```typescript
    router: {
      base: '/my-app/'
    },
    ```

  4. 示例配置
  以下是一个示例 `app.config.ts` 文件的完整配置：

  ```typescript
  // app.config.ts
  import { defineAppConfig } from 'nuxt/app'

  export default defineAppConfig({
    title: '我的 Nuxt 3 应用',
    meta: [
      { name: 'description', content: '这是我的 Nuxt 3 应用' },
      { name: 'keywords', content: 'Nuxt, Vue, 应用' }
    ],
    css: ['~/assets/styles/main.css'],
    layout: 'default',
    plugins: ['~/plugins/my-plugin.ts'],
    router: {
      base: '/my-app/'
    }
  })
  ```

  5. 注意事项
  - 类型检查：因为是 TypeScript 文件，所以可以享受类型检查的好处，避免一些常见的错误。
  - 全局配置：这些配置项会影响整个应用的行为，因此在修改时要谨慎。

  6. 适用场景
  `app.config.ts` 适用于需要全局配置的场景，例如设置应用的主题、引入全局样式、配置路由等。

  希望以上总结能够帮助你更好地理解 Nuxt 3 中 `app.config.ts` 的配置！如果有其他问题，欢迎随时询问。
 */
export default defineAppConfig({
  title: "我的 Nuxt 3 应用",
  theme: {
    primary: "blue",
  },
  meta: [
    { name: "description", content: "这是我的 Nuxt 3 应用" },
    { name: "keywords", content: "Nuxt, Vue, 应用" },
  ],
  layout: "default", // 默认布局
});
